<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
<f:view>
    <h:form styleClass="fondoFormulariosyPanel">

        <h:panelGrid columns="1" bgcolor="#A52A2A" width="100%">
            <h:outputLabel style="font-weight:bold; color:#FFF8DC;" value="Confirmar Contrato Alquiler" />
        </h:panelGrid>
        
        <a4j:outputPanel ajaxRendered="true">
            <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass"
                        errorClass="errorClass" warnClass="warnClass" showDetail="true"
                        errorStyle="color:red;" warnStyle="color:green;" infoStyle="color:black;"
                        fatalStyle="color:black"/>
        </a4j:outputPanel>

        <h:panelGrid columns="1" border="0" styleClass="desactivar">
            <h:commandButton value="Cancelar" title="Cancelar Contratos"
                             action="#{ContratoAlquilerController.cancelarContrato}" />
        </h:panelGrid>
        
        <a4j:outputPanel id="panelAjax">
            <rich:tabPanel switchType="client" selectedTab="#{ContratoAlquilerController.tabber}" width="100%">
                <rich:tab id="busquedas" label="PASO 1: Buscando contratante" styleClass="fondoFormulariosyPanel">
                    <table width="100%" border="0" cellpadding="2" cellspacing="2" class="fondoFormulariosyPanel">
                        <tr>
                            <td width="50%" valign="top">
                                <rich:panel header="Buscando por D.N.I." style="width:100%;" styleClass="tablanormal">
                                    <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
                                        <h:outputLabel value="Dni: " />
                                        <h:inputText value="#{ContratoAlquilerController.dni}" size="8" maxlength="8" />
                                        <h:commandButton value="Buscar" title="Buscar" action="#{ContratoAlquilerController.buscarPersonaPorDni}"/>
                                    </h:panelGrid>
                                </rich:panel>
                            </td>
                            <td width="50%">
                                <rich:panel header="Buscando por Apellidos y Nombres" style="width:100%;" styleClass="tablanormal">
                                    <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
                                        <h:outputLabel value="Apellido Paterno: " />
                                        <h:inputText value="#{ContratoAlquilerController.paterno}" size="30" maxlength="50" styleClass="mayusculas" />
                                        <h:outputLabel value="Apellido Materno: " />
                                        <h:inputText value="#{ContratoAlquilerController.materno}" size="30" maxlength="50" styleClass="mayusculas" />
                                        <h:outputLabel value="Nombres: " />
                                        <h:inputText value="#{ContratoAlquilerController.nombres}" size="30" maxlength="80" styleClass="mayusculas" />
                                        <h:commandButton value="Buscar" title="Buscar" action="#{ContratoAlquilerController.buscarPersonaPorApellidosyNombres}"/>
                                    </h:panelGrid>
                                </rich:panel>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <rich:panel header="Buscando Empresa por R.U.C." style="width:100%;" styleClass="tablanormal">
                                    <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
                                        <h:outputLabel value="Ruc: " />
                                        <h:inputText value="#{ContratoAlquilerController.ruc}" size="11" maxlength="11" styleClass="mayusculas" />
                                        <h:commandButton value="Buscar" title="Buscar" action="#{ContratoAlquilerController.buscarEmpresaPorRuc}"/>
                                    </h:panelGrid>
                                </rich:panel>
                            </td>
                            <td>
                                <rich:panel header="Buscando Empresa por Razón Social" style="width:100%;" styleClass="tablanormal">
                                    <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
                                        <h:outputLabel value="Razón Social: " />
                                        <h:inputText value="#{ContratoAlquilerController.razonSocial}" size="30" maxlength="50" styleClass="mayusculas" />
                                        <h:commandButton value="Buscar" title="Buscar" action="#{ContratoAlquilerController.buscarEmpresaPorRazonSocial}"/>
                                    </h:panelGrid>
                                </rich:panel>
                            </td>
                        </tr>
                    </table>
                    <h:panelGrid width="100%" columns="1" styleClass="tablasecundaria">
                        <h:outputLabel value="Resultados de la búsqueda" />
                    </h:panelGrid>
                    <br/>
                    <strong><h:outputLabel value="APELLIDOS Y NOMBRES: " rendered="#{ContratoAlquilerController.banTipo == 1}" /></strong>
                    <h:outputLabel value="#{ContratoAlquilerController.nombrePersona}" rendered="#{ContratoAlquilerController.banTipo == 1}" />

                    <rich:dataTable value="#{ContratoAlquilerController.listaPersonas}" rendered="#{ContratoAlquilerController.banTipo == 2}"
                                    var="persona" columnsWidth="5%,35%,10%,20%,25%,5%" width="100%">
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Codigo" />
                            </f:facet>
                            <h:outputLabel value="#{persona.solCodigo}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Apellidos y Nombres" />
                            </f:facet>
                            <h:outputLabel value="#{persona.apellidosNombres}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Dni" />
                            </f:facet>
                            <h:outputLabel value="#{persona.perNroDNI}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Fecha Nacimiento" />
                            </f:facet>
                            <h:outputLabel value="#{persona.perfechaNacimiento}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Correo" />
                            </f:facet>
                            <h:outputLabel value="#{persona.solcorreopersonal1}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Opción" />
                            </f:facet>
                            <h:commandButton value="Seleccionar" title="Seleccionar" action="#{ContratoAlquilerController.seleccionarContratante}" styleClass="plomito">
                                <f:setPropertyActionListener target="#{ContratoAlquilerController.personaSeleccionada}" value="#{persona}" />
                            </h:commandButton>
                        </rich:column>
                    </rich:dataTable>
                    <br/>
                    <strong><h:outputLabel value="APELLIDOS Y NOMBRES: " rendered="#{ContratoAlquilerController.banTipo == 2}" /></strong>
                    <h:outputLabel value="#{ContratoAlquilerController.personaSeleccionada.nombreCompleto}" rendered="#{ContratoAlquilerController.banTipo == 2}" />
                    <br/>
                    <strong><h:outputLabel value="RAZON SOCIAL: " rendered="#{ContratoAlquilerController.banTipo == 3}" /></strong>
                    <h:outputLabel value="#{ContratoAlquilerController.nombreEmpresa}" rendered="#{ContratoAlquilerController.banTipo == 3}" />
                    <br/>
                    <rich:dataTable value="#{ContratoAlquilerController.listaEmpresa}" rendered="#{ContratoAlquilerController.banTipo == 4}"
                                    var="empresa" columnsWidth="5%,45%,40%,5%,5%" width="100%">
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Codigo" />
                            </f:facet>
                            <h:outputLabel value="#{empresa.solCodigo}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Razón Social" />
                            </f:facet>
                            <h:outputLabel value="#{empresa.emprazonSocial}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Representante" />
                            </f:facet>
                            <h:outputLabel value="#{empresa.empRepresentante}" />
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputLabel value="Es Banco" />
                            </f:facet>
                            &nbsp;&nbsp;
                            <h:selectBooleanCheckbox value="#{empresa.empEsBanco}" disabled="true" />
                        </rich:column>
                        <rich:column >
                            <f:facet name="header">
                                <h:outputLabel value="Opción" />
                            </f:facet>
                            <h:commandButton value="Seleccionar" title="Seleccionar" action="#{ContratoAlquilerController.seleccionarContratante}" styleClass="plomito">
                                <f:setPropertyActionListener target="#{ContratoAlquilerController.empresaSeleccionada}" value="#{empresa}" />
                            </h:commandButton>
                        </rich:column>
                    </rich:dataTable>

                    &nbsp;
                    <%--h:commandButton value="Nueva Búsqueda" title="Nueva búsqueda" action="#{ContratoAlquilerController.limpiarBusquedas}" rendered="#{ContratoAlquilerController.banTipo!=0}" /--%>
                    <h:commandButton value="Nueva Búsqueda" title="Nueva búsqueda" action="#{ContratoAlquilerController.limpiarBusquedas}" />
                    <br/>
                    <table width="100%" border="0" class="tablanormal">
                        <tr>
                            <td align="right">
                                <h:commandButton value="Siguiente" title="Ir al paso 2" action="#{ContratoAlquilerController.irAlPaso2}" rendered="#{ContratoAlquilerController.contratanteSeleccionado == true}" styleClass="desactivar"/>
                            </td>
                        </tr>
                    </table>

                </rich:tab>

                <rich:tab id="confirmar" label="PASO 2: Confirmando contrato alquiler" styleClass="fondoFormulariosyPanel">
                    <a4j:outputPanel id="panelll" >
                        <h:panelGrid border="0" width="100%" styleClass="tablasecundaria">
                            <h:outputLabel value="Contratante Seleccionado" />
                        </h:panelGrid>
                        <h:panelGrid columns="1" border="0" styleClass="tablanormal">
                            <h:outputLabel value="#{ContratoAlquilerController.nombrePersona}" rendered="#{ContratoAlquilerController.tipoPersona==false}" styleClass="tituloGrande"/>
                            <h:outputLabel value="#{ContratoAlquilerController.nombreEmpresa}" rendered="#{ContratoAlquilerController.tipoPersona==true}" styleClass="tituloGrande"/>
                        </h:panelGrid>

                        <h:panelGrid border="0" width="100%" styleClass="tablasecundaria">
                            <h:outputLabel value="Seleccione contrato a confirmar" />
                        </h:panelGrid>
                        <h:panelGrid columns="4" border="0" styleClass="tablanormal">
                            <%--h:outputLabel value="Tipo Descuento: "/>
                            <h:selectOneMenu id="cboTipoDescuento" value="#{ContratoAlquilerController.tipoDescuento}">
                                <f:selectItem itemLabel="Sin Descuento" itemValue="0"/>
                                <f:selectItem itemLabel="Porcentaje" itemValue="1"/>
                                <f:selectItem itemLabel="Soles" itemValue="2"/>
                                <a4j:support event="onchange" reRender="panelll" ajaxSingle="true" />
                            </h:selectOneMenu--%>
                            <h:outputLabel value="Igv Vigente: "/>
                            <h:outputLabel value="#{ContratoAlquilerController.igv}" styleClass="tituloMediano"/>
                        </h:panelGrid>
                        <rich:dataTable value="#{ContratoAlquilerController.listaContrato}"
                                        var="contrato" rows="10" id="simpletable"
                                        width="130%" columnsWidth="5%,5%,10%,8%,5%,5%,5%,5%,5%,5%,17%,5%,5%,30%,15%">
                            <%-- reRender="ds,ds1" --%>
                            <rich:column breakBefore="true" styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Codigo"/>
                                </f:facet>
                                <h:outputLabel value="#{contrato.conCodigo}" styleClass="cajaCentrada" />
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Numeración"/>
                                </f:facet>
                                <h:outputLabel value="#{contrato.conNumero}" styleClass="cajaCentrada" />
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Fecha"/>
                                </f:facet>
                                <h:outputLabel value="#{contrato.confechaContrato}" styleClass="cajaCentrada">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </h:outputLabel>
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Estado"/>
                                </f:facet>
                                <h:outputLabel value="#{contrato.estadoContrato}" styleClass="cajaCentrada" />
                                <%--h:outputLabel value="#{contrato.estadoContrato}" styleClass="cajaCentrada" /--%>
                            </rich:column>
                            <rich:column styleClass="posicionDerecha">
                                <f:facet name="header">
                                    <h:outputLabel value="Garantía"/>
                                </f:facet>
                                <h:inputText autocomplete="off" value="#{contrato.conGarantia}" size="5" maxlength="7" styleClass="cajaDerecha" />
                            </rich:column>
                            <rich:column styleClass="posicionDerecha">
                                <f:facet name="header">
                                    <h:outputLabel value="SubTotal"/>
                                </f:facet>
                                <h:outputLabel value="#{contrato.subTotalRedondeado}" styleClass="cajaDerecha2" />
                            </rich:column>
                            <rich:column styleClass="posicionDerecha">
                                <f:facet name="header">
                                    <h:outputLabel value="IGV"/>
                                </f:facet>
                                <h:outputLabel value="#{contrato.igvRedondeado}" styleClass="cajaDerecha2" />
                            </rich:column>
                            <rich:column styleClass="posicionDerecha">
                                <f:facet name="header">
                                    <h:outputLabel value="Tipo Dscto"/>
                                </f:facet>
                                <h:selectOneMenu id="cboTipoDescuento" value="#{contrato.conTipoDscto}">
                                    <f:selectItem itemLabel="Sin Descuento" itemValue="0"/>
                                    <f:selectItem itemLabel="Porcentaje" itemValue="1"/>
                                    <f:selectItem itemLabel="Soles" itemValue="2"/>
                                    <a4j:support event="onchange" reRender="panelll" ajaxSingle="true"/>
                                    <%--a4j:support event="onchange" action="#{ContratoAlquilerController.actualizarTipoDscto}" reRender="panelll" ajaxSingle="true">
                                        <f:setPropertyActionListener target="#{ContratoAlquilerController.tipoDescuento}" value="contrato.conTipoDscto" />
                                    </a4j:support--%>
                                </h:selectOneMenu>
                                <%--h:outputLabel value="#{contrato.montoTotalTruncado}" styleClass="cajaDerecha2" /--%>
                            </rich:column>
                            <rich:column styleClass="#{contrato.conTipoDscto!=0 ? 'posicionDerecha' : 'posicionCentrada'}">
                                <f:facet name="header">
                                    <h:outputLabel value="Descuento" />
                                    <%--h:outputLabel value="Descuento" rendered="#{contrato.conTipoDscto==null}" />
                                    <h:outputLabel value="Descuento" rendered="#{contrato.conTipoDscto==0}" />
                                    <h:outputLabel value="Dscto (%)" rendered="#{contrato.conTipoDscto==1}" />
                                    <h:outputLabel value="Dscto (S/.)" rendered="#{contrato.conTipoDscto==2}" /--%>

                                    <%--h:outputLabel value="#{ContratoAlquilerController.nombreDscto}" /--%>
                                </f:facet>
                                <h:inputText value="#{contrato.condescuento}" size="5" maxlength="5" styleClass="cajaDerecha" rendered="#{contrato.conTipoDscto!=0}" />
                                <h:outputLabel value="-------" styleClass="posicionCentrada" rendered="#{contrato.conTipoDscto==0}" />
                            </rich:column>
                            <rich:column styleClass="posicionDerecha">
                                <f:facet name="header">
                                    <h:outputLabel value="Monto a Pagar"/>
                                </f:facet>
                                <h:outputLabel value="#{contrato.montoAPagarRedondeado}" styleClass="cajaDerecha2" />
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Vencimiento"/>
                                </f:facet>
                                <rich:calendar id="fecVencimiento" value="#{contrato.conVencimiento}" datePattern="dd/MM/yyyy" cellWidth="15" styleClass="cajaCentrada"/>
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Pago Parcial"/>
                                </f:facet>
                                <h:selectBooleanCheckbox id="pagParcial" value="#{contrato.conPagoParcial}" styleClass="cajaCentrada2"/>
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Tipo Pago"/>
                                </f:facet>
                                <h:selectOneMenu id="cboMoneda" value="#{contrato.conTipoMoneda}" styleClass="cajaCentrada">
                                    <f:selectItem itemLabel="--" itemValue="0"/>
                                    <f:selectItems value="#{ContratoAlquilerController.comboTipoMoneda}"/>
                                </h:selectOneMenu>
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Nombre de Evento"/>
                                </f:facet>
                                <h:inputText value="#{contrato.conNombreEvento}" size="30" maxlength="30"/>
                            </rich:column>
                            <rich:column styleClass="posicionCentrada">
                                <f:facet name="header">
                                    <h:outputLabel value="Opciones"/>
                                </f:facet>
                                <h:commandButton id="btnAnular" title="Anular contrato" image="/img/cancelar.png" action="#{ContratoAlquilerController.anularContrato}" onclick="return confirm('Deseas anular este contrato?');">
                                    <f:setPropertyActionListener target="#{ContratoAlquilerController.contratoSeleccionado}" value="#{contrato}" />
                                </h:commandButton>
                                <h:commandButton id="btnBuscar" title="Buscar reservas" image="/img/buscar.png" action="#{ContratoAlquilerController.buscarReservas}">
                                    <f:setPropertyActionListener target="#{ContratoAlquilerController.contratoSeleccionado}" value="#{contrato}" />
                                </h:commandButton>
                                <h:commandButton id="btnCalcular" title="Calcular Montos" image="/img/calculadora.png" action="#{ContratoAlquilerController.calcularMontosXcontrato}">
                                    <f:setPropertyActionListener target="#{ContratoAlquilerController.contratoSeleccionado}" value="#{contrato}" />
                                    <f:setPropertyActionListener target="#{ContratoAlquilerController.tipoDescuento}" value="#{contrato.conTipoDscto}" />
                                </h:commandButton>
                                <h:commandButton id="btnVisualizar" title="Visualizar en pdf" image="/img/pdf2.png" action="#{ContratoAlquilerController.visualizarV2}">
                                    <f:setPropertyActionListener target="#{ContratoAlquilerController.contratoSeleccionado}" value="#{contrato}" />
                                </h:commandButton>
                                <h:commandButton id="btnGuardarContrato" title="Guardar este contrato" image="/img/guardar.png" action="#{ContratoAlquilerController.guardarContrato}" onclick="return confirm('Deseas guardar este contrato?');">
                                    <f:setPropertyActionListener target="#{ContratoAlquilerController.contratoSeleccionado}" value="#{contrato}" />
                                </h:commandButton>
                                <h:commandButton id="btnConfirmar" title="Confirmar Pago" image="/img/confirmar.png" action="#{ContratoAlquilerController.confirmarContratoV2}" onclick="return confirm('Deseas confirmar este contrato?');" rendered="#{contrato.conEstado!=0 && contrato.conEstado !=3}" >
                                    <f:setPropertyActionListener target="#{ContratoAlquilerController.contratoSeleccionado}" value="#{contrato}" />
                                </h:commandButton>
                            </rich:column>
                            <f:facet name="header">
                                <rich:datascroller id="dsa1" renderIfSinglePage="false"></rich:datascroller>
                            </f:facet>
                             <f:facet name="footer">
                                <rich:datascroller id="dsa2" renderIfSinglePage="false"></rich:datascroller>
                            </f:facet>
                        </rich:dataTable>

                        <h:panelGrid columns="1" width="100%" border="0" styleClass="tablanormal" rendered="#{ContratoAlquilerController.muestraReservas}">
                            <h:panelGrid columns="2" width="100%" border="0" styleClass="tablasecundaria">
                                <h:panelGrid columns="1" border="0" styleClass="tablanormal">
                                    <h:commandButton id="btnOcultar" title="OcultarReservas" image="/img/ocultando.png" action="#{ContratoAlquilerController.ocultarReservas}"/>
                                </h:panelGrid>
                                <h:outputLabel value="Reservas del contratante" />
                            </h:panelGrid>
                        
                            <rich:dataTable value="#{ContratoAlquilerController.listaReservas}"
                                            var="reserva" rows="10" id="simpletable2"
                                            width="100%" columnsWidth="5%,10%,10%,10%,10%,10%,20%,15%">
                                <rich:column breakBefore="true" styleClass="posicionCentrada">
                                    <f:facet name="header">
                                        <h:outputLabel value="Codigo"/>
                                    </f:facet>
                                    <h:outputLabel value="#{reserva.damCodigo}" styleClass="cajaIzquierda" />
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputLabel value="Contrato"/>
                                    </f:facet>
                                    <h:outputLabel value="#{reserva.contrato.conNumero}" styleClass="cajaIzquierda" />
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputLabel value="Ambiente o Equipo"/>
                                    </f:facet>
                                    <h:outputLabel value="#{reserva.ambCodigo.ambNombre}" rendered="#{reserva.reaTipoae==0}" styleClass="cajaIzquierda"/>
                                    <h:outputLabel value="#{reserva.serCodigo.serNombre}" rendered="#{reserva.reaTipoae==1}" styleClass="cajaIzquierda"/>
                                </rich:column>
                                <rich:column styleClass="posicionCentrada">
                                    <f:facet name="header">
                                        <h:outputLabel value="Costo con IGV"/>
                                    </f:facet>
                                    <h:outputLabel value="#{reserva.ambCodigo.ambCosto}" rendered="#{reserva.reaTipoae==0}" styleClass="cajaIzquierda"/>
                                    <h:outputLabel value="#{reserva.serCodigo.serCosto}" rendered="#{reserva.reaTipoae==1}" styleClass="cajaIzquierda"/>
                                </rich:column>
                                <rich:column styleClass="posicionCentrada">
                                    <f:facet name="header">
                                        <h:outputLabel value="Fecha"/>
                                    </f:facet>
                                    <h:outputLabel value="#{reserva.reaFecha}" styleClass="cajaCentrada">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputLabel>
                                </rich:column>
                                <rich:column styleClass="posicionCentrada">
                                    <f:facet name="header">
                                        <h:outputLabel value="Horario"/>
                                    </f:facet>
                                    <h:outputLabel value="#{reserva.horaInicio} - #{reserva.horaFin}" styleClass="cajaIzquierda"/>
                                </rich:column>
                                <rich:column>
                                    <f:facet name="header">
                                        <h:outputLabel value="Tipo Reserva"/>
                                    </f:facet>
                                    <h:outputLabel value="#{reserva.tipoReserva}" styleClass="cajaIzquierda" />
                                </rich:column>
                                <rich:column styleClass="posicionCentrada">
                                    <f:facet name="header">
                                        <h:outputLabel value="Anular Reserva"/>
                                    </f:facet>
                                    <h:commandButton id="btnQuitar" title="Anular Reserva" image="/img/cancelar.png" action="#{ContratoAlquilerController.anularReserva}" onclick="return confirm('Deseas anular esta reserva?');">
                                        <f:setPropertyActionListener target="#{ContratoAlquilerController.reservaSeleccionada}" value="#{reserva}" />
                                    </h:commandButton>
                                </rich:column>
                                <f:facet name="header">
                                    <rich:datascroller id="dsb1" renderIfSinglePage="false"></rich:datascroller>
                                </f:facet>
                                 <f:facet name="footer">
                                    <rich:datascroller id="dsb2" renderIfSinglePage="false"></rich:datascroller>
                                </f:facet>
                            </rich:dataTable>

                            <h:panelGrid columns="1" width="100%" border="0" styleClass="tablasecundaria">
                                <h:outputLabel value="Agregar Reservas del Contratante" />
                            </h:panelGrid>

                            <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                                <h:outputLabel value="Fecha: "/>
                                <rich:calendar  value="#{ContratoAlquilerController.fechaAmbiente}"
                                                datePattern="dd/MM/yyyy"/>
                                <h:inputHidden />
                            </h:panelGrid>

                            <a4j:outputPanel id="panelAmbiente">
                                <h:panelGrid columns="3" border="0" styleClass="fondoFormulariosyPanel">
                                    <h:outputLabel value="Ambiente/Equipo"/>
                                    <h:selectOneMenu id="cboTipoAmbiente" value="#{ContratoAlquilerController.tipoAmbiente}" >
                                        <f:selectItem  itemLabel="Ambiente" itemValue="1"/>
                                        <f:selectItem  itemLabel="Bien Mueble" itemValue="0"/>
                                        <a4j:support event="onchange" reRender="panelAmbiente" ajaxSingle="true" />
                                    </h:selectOneMenu>
                                    <h:inputHidden />

                                    <h:outputLabel value="Ambiente" rendered="#{ContratoAlquilerController.tipoAmbiente==1}"/>
                                    <h:selectOneMenu value="#{ContratoAlquilerController.ambiente}" rendered="#{ContratoAlquilerController.tipoAmbiente==1}">
                                        <f:selectItems value="#{AmbienteController.comboAmbientes}"/>
                                    </h:selectOneMenu>
                                    <h:commandButton value="Buscar" action="#{ContratoAlquilerController.listarReservasDisponibles}" rendered="#{ContratoAlquilerController.tipoAmbiente==1}" image="/img/buscar.png" title="Buscar"/>

                                    <h:outputLabel value="Equipos" rendered="#{ContratoAlquilerController.tipoAmbiente==0}"/>
                                    <h:selectOneMenu id="cboEquipo" value="#{ContratoAlquilerController.equipo}" rendered="#{ContratoAlquilerController.tipoAmbiente==0}">
                                        <f:selectItems value="#{ServicioEquipoController.comboServicios}"/>
                                    </h:selectOneMenu>
                                    <h:commandButton value="Buscar" action="#{ContratoAlquilerController.listarReservasDisponibles}" rendered="#{ContratoAlquilerController.tipoAmbiente==0}" image="/img/buscar.png" title="Buscar"/>
                                </h:panelGrid>
                            </a4j:outputPanel>

                            <h:panelGrid columns="1" width="100%" border="0" styleClass="tablanormal">
                                <a4j:outputPanel id="panelreservas">
                                    <rich:dataTable value="#{ContratoAlquilerController.listaCalendario}" var="item" >
                                        <rich:column>
                                            <f:facet name="header"><h:outputLabel value="Nombre"/></f:facet>
                                            <h:outputLabel value="#{item.nombre}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header"><h:outputLabel value="Horario"/></f:facet>
                                            <h:outputLabel value="#{item.horario}"/>
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header"><h:outputLabel value=""/></f:facet>
                                            <h:outputLabel value="#{item.estado}"/>
                                            <h:selectBooleanCheckbox value="#{item.reservar}" rendered="#{item.habilitado}"/>
                                        </rich:column>
                                    </rich:dataTable>
                                    <h:panelGrid columns="1">
                                        <h:commandButton value="Reservar" title="Reservar"
                                                         action="#{ContratoAlquilerController.reservarAmbienteServicio}" />
                                    </h:panelGrid>
                                </a4j:outputPanel>
                                
                            </h:panelGrid>
                            
                        </h:panelGrid>

                    </a4j:outputPanel>
                </rich:tab>

            </rich:tabPanel>
            <h:panelGrid columns="1" border="0" styleClass="desactivar">
                <h:commandButton value="Cancelar" title="Cancelar Contratos"
                                 action="#{ContratoAlquilerController.cancelarContrato}" />
            </h:panelGrid>
        </a4j:outputPanel>

    </h:form>
</f:view>